<!DOCTYPE html>
<html>

<head>
	<title>Excel|Word|PPT|WPS教程_基础视频教程_Office免费下载-蓝山办公</title>
	<link rel="stylesheet" href="css/index.css">
	<link href="images/title.ico" rel="SHORTCUT ICON" />
</head>

<body>
	<script src="js/jquery-1.9.1.min.js"></script>
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<header>
		<div>
			<a href="javascript:;">
				<div>
					<div>
						<img src="images/logo.png" alt="">
						<h2>Office教程网</h2>
					</div>
				</div>
			</a>
			<ul>
				<li class="active"><a href="../index.html">首页</a></li>
				<li class="im" d-index="0"><a href="ppt/excel.html">Excel教程</a>
					<ul class="item">
						<li>Excel技巧</li>
						<li>Excel快捷键</li>
						<li>Excel函数大全</li>
					</ul>
				</li>
				<li class="im" d-index="1"><a href="ppt/word.html">Word教程</a>
					<ul class="item">
						<li>Word技巧</li>
						<li>Word快捷键</li>
					</ul>
				</li>
				<li class="im" d-index="2"><a href="ppt/word.html">PPT教程</a>
					<ul class="item">
						<li>PPT技巧</li>
					</ul>
				</li>
				<li class="im" d-index="3"><a href="javascript:;">WPS教程</a>
					<ul class="item">
						<li>WPS表格</li>
						<li>WPS文字</li>
						<li>WPS演示</li>
					</ul>
				</li>
				<li class="im" d-index="4"><a href="javascript:;">视频教程</a>
					<ul class="item">
						<li>Excel视频教程</li>
						<li>Word视频教程</li>
						<li>PPT视频教程</li>
						<li>WPS视频教程</li>
					</ul>
				</li>
				<li class="im" d-index="5"><a href="javascript:;">Office相关</a>
					<ul class="item">
						<li>Office常见问题</li>
					</ul>
				</li>
			</ul>
			<div>
				<input type="text" name="title" placeholder="请输入关键字">
				<i class="search-icon"><a href="javascript:;"><img src="images/2.png" /></a></i>
			</div>
		</div>
	</header>
	<div class="main">
		<div class="swiper">
			<div>
				<a
					href="javascript:;">
					<div class="img"
						style="background: url(images/1.jpg) no-repeat  center;background-size: cover;max-width: 1900px;height: 420px;margin:auto;">
				</a>
			</div>
		</div>
	</div>
	<div class="content">
		<!-- offic下载/快捷键/表格公式 -->
		<div class="download">
			<div class="row space">
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>Office下载</h2>
					</div>
					<div class="body officeDownload">
						<div class="title">
							蓝山Office 官方免费版
						</div>
						<p class="text">
							高效办公，让工作更轻松
						</p>
						<p class="text">
							软件语言：简体中文
						</p>
						<p class="text">
							版本号：v1.5.0
						</p>
						<p class="text">
							更新时间：2021-09-28
						</p>
						<a href="javascript:;"
							target="_blank">
							<div class="btn">
								<span>Windows下载</span>
							</div>
						</a>
					</div>
				</div>

				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>特别关注</h2>
					</div>
					<div class="body office"> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word文档如何添加带滚动条的文本框
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPT中企业LOGO墙设计技巧，这样设计boss才喜欢
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							全面讲解excel数据排序的函数和操作技巧
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Month函数的主要作用讲解
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Average系列函数应用技巧
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPT教程：ppt排练计时怎么用和修改
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							ppt对齐3种基本方式-论对齐原则在PPT排版中的重要性！
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							LOOKUP（向量）函数语法及使用方法
						</a> </div>
				</div>
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>每日头条</h2>
					</div>
					<div class="body office"> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							教你如何自动换行和强制换行快捷键!
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel筛选功能还能这样用，再多数据我也不惧了!
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel表格冻结窗口怎么使用?同时冻结多行多列数据
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel工资表怎么做?3分钟学会利用函数生成工资表
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel2003/2007如何中删除重复数据、重复行
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							EXCEL表中#N/A是什么意思？#N/A是什么？
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel2003如何合并单元格
						</a> <a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel2003中给表格画斜线表头
						</a> </div>
				</div>
			</div>
		</div>
		<!-- 新增3个板块 -->
		<div class="skill">
			<div class="row space">
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>月风云榜</h2>
					</div>
					<div class="body office">
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							excel高级筛选多个条件（并且、或用法）
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							excel多条件查找三种方法：lookup、vlookup、indexmatch多条件查找案例
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPT技巧：如何添加页面的页码并控制它的位置
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							如何用Word制作电子公章？其实方法超简单
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							word表格行高、列宽、单元格宽度调整方法
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word目录不要再手动输入了，get自动生成目录
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word空白页怎么删除
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPTX格式文件怎么打开 三种方法教你如何打开PPTX文件
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel筛选后数据求和处理，三种方法助你解决
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel技巧-表格调整行高列宽，快捷自适应，一秒排版
						</a>
					</div>
				</div>
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>热门推荐</h2>
					</div>

					<div class="body office">
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							word 文档结构图混乱怎么解决
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPT文件打不开怎么办?
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PowerPoint里面无法进行中文输入，原因如何?
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPTX格式文件怎么打开?三种方法教你如何打开PPTX文件
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PowerPoint超链接字体颜色修改、怎么去掉超链接下划线
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word2003如何制作添加文字和图片水印
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							用加减号在Word中快速制作表格技巧
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							毕业论文必备技巧：Word页码从第三页开始设置方法
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word2003带圈数字怎么打
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word菜单栏不见了，怎么办?
						</a>
					</div>
				</div>
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>行业精选</h2>
					</div>

					<div class="body office">
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel工作表中的“四舍五入”函数有那几个
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel函数公式：排序函数公式实用技巧解读
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							excel设置手机号加密的6个超级技巧
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							10个Excel经典技巧案例解读，办公必备！
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							全面讲解excel数据排序的函数和操作技巧
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							excel高级筛选多个条件（并且、或用法）
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							excel中如何做动态柱形图，动态柱形图教程
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							教程：Excel表格日期和时间分开的方法
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							excel表格筛选：不等于0的数据
						</a>
						<a class="text" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							打造PPT中高逼格的渐变色
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="skill">
			<div class="row space">
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>Excel教程</h2>
						<a class="more" href="javascript:;" target="_blank">
							更多
							<i class="icon"><img src="images/3.png" /></i>
						</a>
					</div>
					<div class="body office">
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							教你如何自动换行和强制换行快捷键!
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel表格冻结窗口怎么使用?同时冻结多行多列数据
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel筛选功能还能这样用，再多数据我也不惧了!
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel工资表怎么做?3分钟学会利用函数生成工资表
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							手把手教你用Excel制作“考勤表”，能更新日期，自动统计考勤!
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel制作精美日程安排表，带动态进度条图表!
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Excel合并单元格数据的多种方法 总有一个适合你
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							几个例子轻松学会，Excel满足多个条件进行高级筛选查询
						</a>
					</div>
				</div>
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>Word教程</h2>
						<a class="more" href="javascript:;" target="_blank">
							更多
							<i class="icon"><img src="images/3.png" /></i>
						</a>
					</div>
					<div class="body office">
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							word 文档结构图混乱怎么解决
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word2003如何制作添加文字和图片水印
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word2003带圈数字怎么打
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							用加减号在Word中快速制作表格技巧
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word菜单栏不见了，怎么办?
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							毕业论文必备技巧：Word页码从第三页开始设置方法
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word自动生成目录全篇章
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							Word中下划线打出来的几种技巧
						</a>
					</div>
				</div>
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>PPT教程</h2>
						<a class="more" href="javascript:;" target="_blank">
							更多
							<i class="icon"><img src="images/3.png" /></i>
						</a>
					</div>
					<div class="body office">
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							怎么修改PPT母版背景图片
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							ppt怎么设计立体图片和图形效果
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							ppt如何通过模板创建演示文稿
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPTX格式文件怎么打开?三种方法教你如何打开PPTX文件
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PPT文件打不开怎么办?
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PowerPoint超链接字体颜色修改、怎么去掉超链接下划线
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							PowerPoint里面无法进行中文输入，原因如何?
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							分享3个超好用的PPT小工具！你会发现，原来PPT的制作如此简单
						</a>
					</div>
				</div>
			</div>
		</div>

		<!-- offic技巧问答 -->
		<div class="skill">
			<div class="row space">
				<div class="col-md4 col-sm4">
					<div class="tou">
						<h2>WPS教程</h2>
						<a class="more" href="javascript:;" target="_blank">
							更多
							<i class="icon"><img src="images/3.png" /></i>
						</a>
					</div>
					<div class="body office">
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							wps版2016设置不同页眉的方法
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							如何使用wps表格筛选统计数据
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							WPS2013表格如何只能输入指定的内容
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							WPS Office 2012在线模板免费用
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							WPS表格数据怎么添加水印？
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							WPS 2007使用技巧
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							wps表格如何导入txt数据
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							wps超链接怎么做
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							金山WPS应用：最具特色插件
						</a>
						<a class="text" title="" href="javascript:;" target="_blank">
							<img src="images/1.png" />
							让WPS Office也能实现多语言支持
						</a>
					</div>
				</div>
				<div class="col-md8 col-xs8 col-sm8">
					<div class="tou">
						<h2>Office相关</h2>
						<a class="more" href="javascript:;" target="_blank">
							更多
							<i class="icon"><img src="images/3.png" /></i>
						</a>
					</div>
					<div class="body">
						<div class="row space">
							<div class="col-md6 col-sm6 left">
								<a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软Office 2021正式版包装盒曝光 PC/Mac版本完成合体
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											Office 2021曝光：微软新设计用户界面看起来令人振奋
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											Windows端Office Insider新特性：可通过语音搜索命令/内容
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											部分Office Insider用户收到新版Office：启用全新用户界面
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软的新Office用户界面现在可供测试者使用
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软OneDrive for Mac客户端不久后将以.pkg格式提供
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软宣布为商业客户提供Windows 365 Cloud PC服务
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软：点赞2万个就让大眼夹（Clippy）替代Microsoft 365回形针表情
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											Windows 365云电脑配置公布：最高8核、512GB 随时随地访问
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a><a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软已向所有Insider测试者开放Office for Windows的新视觉体验
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a>
							</div>
							<div class="col-md6 col-sm6 right">
								<a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软再发提醒：Microsoft 365套件即将停止对IE11的支持
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a>
								<a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											iOS端Office新预览版发布：引入离线PDF阅读等诸多新功能
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a>
								<a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											Android版Office本月将推出“文件卡”功能
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											Windows Office Beta Build 14326.20004新增WebP图像格式支持
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软市值增至2.287万亿美元 或因Office 365涨价导致
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软更新Office办公套件 更好适应混合办公场景
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											Office 2019价格公布：北美149.99美元起
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											网页端Outlook将新增应用栏：快速启用Word等应用
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											微软Outlook线上版和移动应用都将获得新的日历外观
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a> <a href="javascript:;" target="_blank">
									<div class="row space15">
										<div class="col-md8 col-sm8 name">
											OneDrive更新：网页端引入深色模式 iOS端支持PDF书签
										</div>
										<div class="col-md4 col-sm4 time">
											2021-09-03
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- office视频教程 -->
		<div class="film">
			<div class="tou">
				<h2>Office 视频教程</h2>
			</div>
			<ul class="List">
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/3.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">PPT阴影和映像的设置</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/4.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">PPT图片可以裁剪成自定义形状吗</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/5.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">ppt水印怎么设置</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/6.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">ppt如何设置自动更新日期与时间</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/7.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">ppt如何设置页眉页脚</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/8.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">ppt如何设置背景</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/2.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">Excel中怎么使用BESSELJ函数？</p>
						</div>
					</a>
				</li>
				<li class="video">
					<a href="javascript:;" target="_blank">
						<div class="cover">
							<img src="images/9.jpg">
							<span class="play-cover"></span>
						</div>
						<div class="text">
							<p class="name">Excel中如何用SUMIF函数求总和</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<!-- 热门下载 -->
		<div class="popular">
			<div class="row space">
				<div class="tou">
					<h2>热门下载</h2>
				</div>
				<div class="windows flex">
					<div class="downloads">
						<div class="logo">
							<img src="images/downloadLogo.png">
						</div>
						<div class="name">
							<a href="javascript:;" target="_blank">蓝山Office</a>
						</div>
						<div class="tips">
							集文字处理、图表制作、演示文稿展示为一体的办公软件，轻松处理繁杂工作事务
						</div>
						<a href="javascript:;"
							target="_blank">
							<div class="btn">
								<span>Windows下载</span>
							</div>
						</a>
					</div>
					<div class="downloads">
						<div class="logo">
							<img src="images/pdf.png">
						</div>
						<div class="name">
							<a href="javascript:;" target="_blank">蓝山PDF阅读器</a>
						</div>
						<div class="tips">
							免费试用高效PDF阅读器，一键搞定PDF阅读、合并、转换、添加水印
						</div>
						<a href="javascript:;"
							target="_blank">
							<div class="btn">
								<span>Windows下载</span>
							</div>
						</a>
					</div>
					<div class="downloads">
						<div class="logo">
							<img src="images/saomiao.png">
						</div>
						<div class="name">
							<a href="javascript:;" target="_blank">万能扫描大师App</a>
						</div>
						<div class="tips">
							移动扫描仪，随心管理随心扫。手拍纸质合同、论文、票据、报关单
						</div>
						<a href="javascript:;"
							target="_blank">
							<div class="btns">
								<img src="images/ios.png" />
								<span>ios下载</span>
							</div>
						</a>
						<a href="javascript:;"
							target="_blank">
							<div class="btns">
								<img src="images/anzhuo.png">
								<span>安卓下载</span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="text">
			<div class="produce">
				<div class="label">专题推荐</div>
				<div class="value">
					<a href="javascript:;" target="_blank">模板素材</a>
					<a href="javascript:;" target="_blank">PPT时间轴</a>
					<a href="javascript:;" target="_blank">PPT母版</a>
					<a href="javascript:;" target="_blank">Excle视频教程</a>
					<a href="javascript:;" target="_blank">Word视频教程</a>
					<a href="javascript:;" target="_blank">PPT视频教程</a>
					<a href="javascript:;" target="_blank">PPT模板</a>
					<a href="javascript:;" target="_blank">EXCEL模板</a>
					<a href="javascript:;" target="_blank">Word模板</a>
				</div>
			</div>
			<hr />
			<div class="link">
				<div class="label">友情链接</div>
				<div class="value">
					<a href="javascript:;" target="_blank">蓝山软件</a>
					<a href="javascript:;" target="_blank">多特软件教程</a>
					<a href="javascript:;" target="_blank">标签</a>
				</div>
			</div>
		</div>
		<div class="final">
			Copyright © 2020- 2021 Office教程网 <a href="">沪ICP备2021002117号-3</a>
		</div>
	</div>
	</div>
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script>
		/*  由于默认情况下，下拉菜单是不显示的，因此我们将item属性中的display设为none，每当鼠标移动到当前导航栏时，只需要将item属性清除
				就可使得下拉菜单显示，鼠标移开，在添加item属性，就能再次隐藏。
		*/

		$(document).ready(function () {
			const items = $(".item");
			const im = $(".im")

			for (var i = 0; i < im.length; i++) {//使得当前悬浮导航栏出行下拉菜单
				im.eq(i).hover(function () {//以下代码用于清除除当前悬浮导航栏出现下拉菜单以外的全部，（就是只有当前出现，其他全部不出现）
					const index = this.getAttribute("d-index")  //鼠标悬停是获取当前当前导航栏的d-index属性值（唯一值）并赋值给index
					// console.log(index);
					items.eq(index).removeClass("item")//删除当导航栏的item属性
				}, function () {
					const index = this.getAttribute("d-index")//鼠标悬停是获取当前当前导航栏的d-index属性值（唯一值）并赋值给index
					items.eq(index).addClass("item")//给当前导航栏添加item属性
				})
			}
			//以下代码用于获取.play-cover元素中的opacity属性和属性值
			$(".play-cover").css('opacity', 0);
			$(".play-cover").on({
				//以下代码用于当鼠标移动到.play-cover元素上方时，修改opacity属性的值为“1”
				mouseover: function () {
					$(this).css('opacity', 1);
				},
				//以下代码用于当鼠标移开时.play-cover元素上方时，修改opacity属性的值为“0”
				mouseout: function () {
					$(this).css('opacity', 0);
				}
			});
		})
	</script>
	<script type="text/javascript">
		/* 鼠标点击特效 */
		
		var a_idx = 0;
		jQuery(document).ready(function ($) {
			$("body").click(function (e) {//设置鼠标在页面中的点击事件
				var a = new Array("office", "excel", "ppt");//确定每次点击后要浮现的内容
				var $i = $("<span/>").text(a[a_idx]); //取数组a[0]的值为1
				a_idx = (a_idx + 1) % a.length;
				var x = e.pageX,
					y = e.pageY;
				//每次点击后，都令需要浮现的内容浮现到最上方来
				$i.css({
					"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
					"top": y - 20,
					"left": x,
					"position": "absolute",
					"font-weight": "bold",
					"color": "blue"
				});
				//每次点击都给页面添加$i元素，持续1.5秒后删除$i元素
				$("body").append($i);
				$i.animate({
					"top": y - 180,
					"opacity": 0
				},
					1500,
					function () {
						$i.remove();
					}
				);
			});
		});
	</script>
</body>

</html>